body{
  background: #f3f3f3;
}
.searchbox{
  width: 100%;
  height:.5rem;
  background: #fff;
  overflow: hidden;
  .searchinp{
    outline: none;
    border: 0;
    border-radius: 6px;
    background: #efefef;
    width: 2.68rem;
    height: .34rem;
    margin-left: .13rem;
    margin-top: .04rem;
    font-size: .14rem;
    padding-left: .42rem;
    input::-webkit-input-placeholder {
      color: #999;
    }
  }
  .search{
    font-size: .14rem;
    color: #999;
    position: absolute;
    top: .11rem;
    right: .12rem;
  }
  .serachlogo{
    width: .15rem;
    height: .15rem;
    position: absolute;
    top: .15rem;
    left: .3rem;
  }
}
.nohave{
  display: none;
  position: relative;
  .nohaveimg{
    width: .91rem;
    height: .91rem;
    position: absolute;
    top: 1.38rem;
    left: 1.42rem;
  }
  .nohavetip{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 2.37rem;
    font-size: .16rem;
  }
}
.searchnohave{
  display: none;
  position: relative;
  .nohaveimg{
    width: .91rem;
    height: .91rem;
    position: absolute;
    top: 1.38rem;
    left: 1.42rem;
  }
  .nohavetip{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 2.37rem;
    font-size: .16rem;
  }
  .nohavetxt{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 2.63rem;
    color: #999;
    font-size: .14rem;
  }
}

.datalistwall{
  background:#f3f3f3;
  overflow: hidden;
}
.datalistbox{
  background: #fff;
  margin-top: .1rem;
  width: 100%;
  overflow: hidden;
  .top{
    width: 3.63rem;
    padding-left: .12rem;
    height:.38rem;
    line-height:.38rem;
    border-bottom: 1px solid #dedede;
    position: relative;
    font-size: .13rem;
    .approvalstatus{
      position: absolute;
      color: #F76D18;
      font-size: .13rem;
      right: .12rem;
    }
  }
  .centerbox{
    width: 3.63rem;
    padding-left: .12rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid #dedede;
    .kind1{

      margin-top: .2rem;
      width: 100%;
      position: relative;
      .goodsname{
        width: 2.17rem;
        font-size: .14rem;
        .barcode{
          font-size: .12rem;
          color: #999;
        }
      }
      .pric{
        position: absolute;
        top: 0;
        left:2.91rem;
        font-size: .14rem;
      }
      .num{
        position: absolute;
        top: 0;
        left: 2.47rem;
        font-size: .14rem;
      }
    }
    .kind2{
      margin-top: .2rem;
      width: 100%;
      position: relative;
      overflow: hidden;
      .imgbox{
        width:.8rem;
        height: .8rem;
        background: #cccccc;
        float: left;
        margin-left: .1rem;
        img{
          width: 100%;
          height: 100%;
        }
      }
    }
    .totalbox2{
      margin-top:.1rem;
    }
    .totalbox{
      position: relative;
      width: 100%;
      height: .2rem;
      .total{
        position: absolute;
        right:.12rem;
        font-size: .12rem;
        color: #999;
        text{
          color: #F76D18;
          font-size: .14rem;
        }
      }
    }
  }
  .bottom{
    width: 100%;
    height: .44rem;
    position: relative;
    border-bottom: 1px solid #dedede;
    .seeorder{
      position: absolute;
      top: .07rem;
      right: .11rem;
      width: .82rem;
      height: .30rem;
      line-height: .30rem;
      border: 1px solid #dedede;
      border-radius: 3px;
      text-align: center;
      font-size: .14rem;
    }
  }
}
.historybox{
  background: #fff;
  width: 100%;
  height: .44rem;
  border-top: 1px solid #dedede;
  position: fixed;
  bottom: 0rem;
  .history{
    width: .82rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    font-size: .14rem;
    position: absolute;
    top: .07rem;
    right: .12rem;
    border: 1px solid #dedede;
  }
}





























